<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>济宁市抗击新冠肺炎疫情态势</title>
    <!-- mapboxgl -->
    <script src="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.js"></script>
    <link href="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.css" rel="stylesheet" />

    <!-- 其他 -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <style>
        body,
        html,
        #map {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
        }
        .ff{
            color:bisque;
        }
    </style>
</head>

<body>
    <div id="map" class='map'>
        <div
        style="color:ghostwhite;position: absolute;top:20px;left:30px;z-index: 100;font-size: 28px;font-family: 'Microsoft YaHei'; text-shadow: #000 3px 3px 3px;">
        <span id="titlespan">济宁市抗击新冠肺炎疫情态势</span>
        <span style="font-size:16px;">确诊人数：<span class="ff" id='qzrs'>0</span>
        可疑传染点：<span class="ff"  id='kycrd'>0</span>
        发热就诊：<span class="ff"  id='frjz'>0</span></span>
        <!-- <div id='cxtj' style='display:  none;font-size: 16px;'>
            <span>单位数:<span id='dws'>0</span></span>
            <span>人数:<span id='rs'>0</span></span>
            <button id='tjbtn' class='layui-btn layui-btn-xs'>表格</button>
        </div> -->
    </div>
    </div>

    <script src="color2.js"></script>
    <script src="init.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script> -->
    <script src="three.js"></script>

    <script src="CSS2DRenderer.js"></script>
    <script src='turf.min.js'></script>
    <script src="countUp.js"></script>
    <script src="yqjc.js?v=3" type=""></script>
</body>

</html>